@charset "utf-8";

/* CSS Document */

*{margin:0;padding:0;}

body,a,p,li,ul,span,h1,h2,h3,table,tr,td,input,form{ margin:0; padding:0; font-size:12px; color:#303030;}

a{ text-decoration:none;}

li{ float:left; list-style:none;}

img{ border:none;}



.ny_pros_wrap #container{width:1000px !important;}

.ny_news_wrap #container{width:1000px !important;}



#head_index{ width:100%; height:212px; background:url(head_bg.jpg) left top repeat-x;}

#top{ width:1000px; height:40px; margin:0 auto;}

#top span{ float:left; line-height:40px; color:#6f6f6f;}

#top h1{float:left; line-height:40px; color:#6f6f6f;font-size:12px; font-weight:normal;margin-top:0px;margin-bottom:0px;}

.top_right{ float:right; line-height:40px; color:#6f6f6f;margin-bottom:0px;}

.top_right a{ color:#6f6f6f;}

#head_middle{ clear:both; width:1000px; margin:0 auto; height:112px;overflow:hidden;}

#logo{ float:left; margin-top:2px;}

#head_middle p{ float:right; color:#de282b; font-weight:bolder; font-size:28px; margin-top:38px; letter-spacing:-2px;}

#tel_title{ color:#484849; font-weight:normal; background:url(tel_pic.jpg) left center no-repeat;  float:right; padding-left:27px; margin-top:45px; height:25px; line-height:25px;}

#ali{ float:right; margin-top:30px; margin-right:20px;}



.lXPopup-btn {

    width: 110px;

    height: 30px;

    border-radius: 30px;

    border: 0;

    outline: 0;

    box-shadow: 0 1px 8px rgba(255,255,255,.2);

    line-height: 2;

    background-color: #6cabfa;

    color: #fff;

    cursor: pointer;

}



.lXPopup-btn span{color: #fff !important;}



#nav{ clear:both; width:1000px; margin:0 auto; overflow:hidden;}

#nav ul{ overflow:hidden;margin-bottom:0px;}

#nav ul li a img{ float:left;}

#nav ul li a.home {background:url(home.jpg) no-repeat; width:55px; height:60px;display:block;}

.nav_block{ line-height:60px;  width:118px; border-right:1px solid #cd1b1e;}

.nav_block a{ color:#fff; font-size:14px; display:block; background:url(nav_li01.jpg) 95px center no-repeat; font-family:"SimSun"; padding-left:30px;}

.nav_block a:hover{ background:#cd1b1e url(nav_li02.jpg) 95px center no-repeat;color:#fff;}



#wraper{ width:100%; clear:both; overflow:hidden; margin:0 auto; background-color:#f5f8fc; padding-bottom:20px;}

#plist_search_index{ background-color:#fff; height:50px; width:100%;}

#plist_search{ width:1000px; margin:0 auto; height:50px;}

#plist_index{ float:left; overflow:hidden;}

#plist_index h2,#plist_index p.title02{ height:50px; line-height:50px; color:#ff0009; font-size:14px; float:left; font-weight:bold;margin-bottom: 0px;}

#plist_index ul{ float:left; overflow:hidden;}

#plist_index ul li{ padding-left:10px; padding-right:10px; height:50px; line-height:50px; background:url(plist_line.jpg) left center no-repeat;}

#plist_index ul li a{ color:#545454;}

.btn_search {background:url(search.jpg) no-repeat; width:37px; height:30px; }



#search{ height:30px; margin-top:10px; _margin-top:5px; float:right;}

#input{width: 209px;height: 30px; text-indent: 12px; border:none; background:url(input.jpg) center center no-repeat; float:left; color:#545454; _line-height:30px;}

.search_submit{ width:36px; height:30px; background:url(search.jpg) center center no-repeat;}





#pro_recommend{ clear:both; width:1000px; margin:50px auto 30px; background:url(line_bg.jpg) center 13px no-repeat;}

.title_index{overflow: hidden; font-size:26px; color:#e53235; text-align:center; line-height:25px; font-weight:bolder; width:400px; margin:0 auto;  background-color:#f5f8fc; margin-bottom:20px; _line-height:30px;}

.miaoshu{font-size: 15px;line-height: 1.8em;}

#guntwo { overflow:hidden;width:1000px; margin:0 auto; height:260px;}

#inguntwo { float: left;width: 100%;}

#guntwo1 { float: left;}

#guntwo2{ float: left;}

#inguntwo ul{ height:220px; width:100%;}

#inguntwo li{ margin-left:12px; /*height: 217px;*/ margin-bottom:15px; _margin-left:18px; border:1px solid #ccc;}

#inguntwo li h3{ width:235px;line-height:34px;text-align:center;color:#fff;font-weight:normal; height:34px; background:url(pro_title_bg.jpg) center center no-repeat; font-size:14px;margin-top:0px;margin-bottom:0px;}



#reason_index{ width:100%; clear:both; height:387px; background:url(about_bg01.jpg) center center no-repeat;}

#reason{ width:1002px; margin:0 auto; overflow:hidden;}

#reason h5{ height:55px; line-height:55px; font-size:20px; font-weight:normal; color:#fff; padding-left:25px; background:url(about_title01.png) left center no-repeat; margin-left:20px;}

#reason_content{ width:100%; height:294px; background:url(about_bg02.jpg) center center no-repeat;}

#reason_left{ width:590px; overflow:hidden; float:left; padding-right:19px; padding-left:20px;}

#reason_left h6{ margin-left:20px; margin-top:15px; margin-bottom:30px;}

.reason_block{ float:left; float:left; margin-bottom:35px;}

.reason_block p{ color:#4e4e4d; margin-top:5px;_margin-top:2px;}

#up01{ width:160px; margin-left:124px; _margin-left:80px;}

#up02{ width:127px; margin-left:140px; _margin-left:155px;}

#down01{ width:175px;}

#down02{ width:195px; margin-left:100px;}

#reason_right{ float:right; width:373px;}

#reason_right p{ color:#fff; font-size:13px; margin-left:52px; margin-top:210px;}

#reason_right p span{ color:#ffde00; font-size:20px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;}



#honor_index{ clear:both; width:1000px; margin:30px auto 0; overflow:hidden; background:url(line_bg.jpg) center 13px no-repeat;}

.pic1a{ margin-top:20px;}

#guntwoa { overflow:hidden;width:1000px; margin:0 auto; height:183px;}

#inguntwoa { float: left;width: 800%;}

#guntwo1a { float: left;}

#guntwo2a{ float: left;}

#inguntwoa ul{ height:183px; width:100%;}

#inguntwoa li{ float:left;margin-left:11px;width:178px;height:179px;_margin-left:8px; border:2px solid #e5e7eb; background-color:#ebeff5;}

#inguntwoa li h3{ width:178px;line-height:20px;text-align:center;color:#7f7f7f;font-weight:normal; padding-top:10px;}



#about_index{ width:1000px; clear:both; overflow:hidden; background:url(about_bg.jpg) center top no-repeat; margin:30px auto 0; padding-top:30px; padding-bottom:30px;}

#about_index h5{ font-size:22px; color:#525252; text-align:center; margin-bottom:20px; font-weight:normal; margin-bottom:20px;}

#comp{ width:485px; overflow:hidden; float:left;}

#comp h6,#cont_index h5{ font-family:"Microsoft YaHei"; font-size:16px; font-weight:normal; width:100%; float:left; margin-bottom:10px;}

.about_en{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; margin-right:5px; letter-spacing:-1px;}

#comp p{ line-height:25px;}

#comp img{ float:left; margin-right:20px; height:175px}

#cont_index{ float:right; width:474px;}



/*#about_index{ clear:both; width:1000px; margin:30px auto 0; overflow:hidden; background:url(line_bg.jpg) center 13px no-repeat;}

#about_content{ width:100%; overflow:hidden; padding-top:50px; background-color:#de282b;}

#about_info{ width:904px; margin:0 auto; overflow:hidden; padding-bottom:70px;}

#about_info p{ color:#fff; line-height:25px; margin-bottom:20px;}

#about_info p img{ float:right; margin-left:40px;}

#about_info span{ padding-top:10px; display:block;}

#about_info span a{ color:#fff; padding:5px 25px; border:1px solid #fff;}

#cont_index{ width:236px; float:left; padding-top:123px; background:#898989 url(cont_tel_pic.jpg) center top no-repeat; height:143px;}

#cont_index span{ margin-left:20px; text-align:center; color:#ffea00; font-size:24px; margin-bottom:15px;}

#cont_index p{ margin-left:20px; width:191px; line-height:20px; color:#fff;}

#map{ margin-top:5px; float:right}*/



#news_index{ width:1000px; clear:both; overflow:hidden; margin:20px auto 0;}

#company_news{ width:500px; float:left; overflow:hidden;}

#company_news h2{ line-height:40px; height:40px; background:url(news_bg.jpg) left center no-repeat; padding-left:10px; color:#fff;margin-top:0px;margin-bottom:0px;font-size: 18px;}

#knowledge{ width:500px; float:left; overflow:hidden;}

#knowledge h2{ line-height:40px; height:40px; background:url(news_bg.jpg) left center no-repeat; padding-left:10px; color:#fff;margin-top:0px;margin-bottom:0px;font-size: 18px;}

#company_news ul,#knowledge ul{ width:100%; margin-top:25px; overflow:hidden;margin-bottom:0px;}

#company_news ul li,#knowledge ul li{ height:32px; line-height:32px; border-bottom:1px dashed #cccccc; background:url(news_li.jpg) 10px center no-repeat; padding-left:30px; width:430px;}

#knowledge ul li{ width:450px;}
#company_news ul li h3,#knowledge ul li h3{ float:left; margin:0;width: calc(100% - 65px); line-height:32px; height:32px; overflow:hidden;  }

#company_news ul li a,#knowledge ul li a{ font-size:14px;color: #636363;}

.news_more a{color: #636363;}

.date{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5b5b5b; float:right;}

.news_more{ padding:5px 30px; border:1px solid #d3d1d1; font-size:12px; color:#666666; float:right; margin-top:20px; margin-right:40px;}

#knowledge .news_more{ margin-right:20px;}



#foot_index{ width:100%; clear:both; overflow:hidden; background-color:#c61e20; padding-top:30px; padding-bottom:30px;}

#foot_nav{ width:1000px; margin:0 auto 3px;}

#foot_nav ul{ overflow:hidden;}

#foot_nav ul li{ padding-left:10px; padding-right:10px; background:url(nav_foot_line.jpg) left center no-repeat; height:18px; line-height:18px; text-align:center;}

#foot_nav ul li a{ color:#fff;}

#foot{ clear:both; width:1000px; margin:0 auto;}

#foot p{ color:#fff; line-height:20px;padding-left:10px;}
#foot a{ color:#fff; line-height:20px;padding-left:10px;}
#foot span{ color:#fff; text-decoration:underline; display:block; width:100%;padding-left:10px;}



#float_left{ width:120px;  border:1px solid #e4e4e4; position:fixed; top:250px;right:0;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));_margin-top:240px; background:#fff; margin-right:20px; z-index:9999; padding-bottom:10px}

#chart_name{ font-size:10px; color:#4288bc; text-align:center; font-weight:normal;}

#tel_name{ width:100%; text-align:center; font-size:16px; line-height:30px; height:30px;}

tel_num{ width:100%; height:20px; line-height:20px; text-align:center;}



#ban_about{ clear:both; margin:0 auto; width:100%;}

#ban_about img{width:100%;}

#ban_news{ clear:both; margin:0 auto; width:100%;}

#ban_news img{width:100%;}

#ban_case{ clear:both; margin:0 auto; width:100%; height:250px; background:url(banner_honor.jpg) top center no-repeat;}

#ban_contact{ clear:both; margin:0 auto; width:100%; height:250px; background:url(banner_contact.jpg) top center no-repeat;}



#wrap{ width:100%; clear:both; overflow:hidden; background:#f5f8fc;}

#container{ width:964px; margin:0 auto; overflow:hidden; padding-top:46px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; background:#fff url(inside_bg.jpg) left top repeat-x; padding-left:20px; padding-right:20px;}

#left{ width:214px; overflow:hidden; float:left; padding-bottom:50px;}

#pro_left,#news_left{ overflow:hidden; padding-bottom:10px; border:1px solid #e9e9e9; background-color:#c82022; width:212px;}

#pro_left h2,#news_left h2{ color:#fff; font-family:"Microsoft YaHei"; font-size:24px; background:url(left_title_bg.jpg) left center repeat-x; font-weight:normal; height:72px; line-height:72px; padding-left:30px;}

#pro_left ul,#news_left ul{ overflow:hidden; width:212px;}

#pro_left ul li,#news_left ul li{ width:100%; background:url(left_li01.jpg) center center no-repeat; height:43px; }

#pro_left ul li a,#news_left ul li a{ color:#575757; font-size:14px; padding-left:30px; display:block; height:43px; line-height:43px;}

#pro_left ul li a:hover,#news_left ul li a:hover{ background:url(left_li02.jpg) center center no-repeat; color:#ffffff;}



#middle{ width:712px; float:right; overflow:hidden; padding-bottom:50px; margin-right:5px;}

#location { clear:both; margin:0 auto; color:#666666; margin-bottom:10px;}

#location p { color: #666666;float: right;padding-top: 20px; }

#location p a{ color: #666666;} 

#location p span{ color:#de282b;}

#inside_title{ font-size:22px; color:#666666; font-weight:bolder;}



#common{ margin-top:45px;}

#common p{ line-height:25px; font-size:13px; color:#444444; margin-top:5px;}



#allpro{ margin-top:45px; overflow:hidden;}

#allpro>ul{ overflow:hidden;display: flex;flex-wrap: wrap;}

#allpro>ul li{ width:159px; border:1px solid #e1e1e1; margin-left:13px; margin-top:20px; _margin-left:10px;}

#allpro>ul li h3{ height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; font-weight:normal; background:url(pro_title_bg.jpg) center center no-repeat;margin-top:0px;margin-bottom:0px;overflow: hidden;}



#pro_pai{ margin-top:45px; overflow:hidden;}

#pro_pai ul{ overflow:hidden;}

#pro_pai ul li{ width:98%; border:1px solid #e1e1e1; margin-left:13px; margin-top:20px; _margin-left:10px;}

#pro_pai .proTit{float: right;width: 57%;} 

#pro_pai .proTit h2{line-height: 2em; text-align: center; color: #404057; font-size: 18px; margin: 0 auto;}

#pro_pai .proTit h2 a{line-height: 2em; text-align: center; color: #404057; font-size: 18px; margin: 0 auto;}

#pro_pai .proTit p{color: #444; font-size: 14px; line-height: 1.6em; text-indent: 2em;}

#pro_pai .proTit p a{color: #444; font-size: 14px; line-height: 1.6em; text-indent: 2em; text-decoration: underline;}

#pro_pai ul li a img{width: 287px;border-right: 1px #ccc solid;}

#pro_pai #pro_explain p{font-size: 15px;text-indent: 2em;line-height: 1.2em;}





#allnews{ margin-top:45px; width:100%; overflow:hidden;}

#allnews>ul{ width:100%; overflow:hidden;}

#allnews>ul li{ height:32px; line-height:32px; border-bottom:1px dashed #cccccc; background:url(news_li.jpg) 10px center no-repeat; padding-left:25px; width:682px;}

#allnews>ul li a{ font-size:13px;}



.page{ text-align:center; margin-top:20px}

.page a{ padding:0px 5px}



#allhonor{ margin-top:45px; width:100%; overflow:hidden;}

#allhonor>ul{ overflow:hidden;}

#allhonor>li{ float:left;margin-left:13px;width:158px;height:136px;_margin-left:8px; border:2px solid #eeeeee; background-color:#f5f6f8; margin-top:15px;}

#allhonor>li h3{ width:160px;line-height:30px;text-align:center;color:#7f7f7f;font-weight:normal;}



#detail{  margin-top:45px; width:100%; overflow:hidden;}

#detail p{ line-height:25px; font-size:13px; color:#444444; margin-top:5px; text-indent:2em}

#detail a{  font-size:13px; color:#444444; text-indent:0;}

#detail img{ margin-left:-2em; }

#detail h1{ width:100%; text-align:center; font-size:20px; margin-bottom:10px;}

.hit{display:block;width:100%;text-align:center;margin:0 auto; color:#555555;margin-bottom:20px;}

.imgcenter{width:100%;text-align:center;display:block;margin:0px auto 30px;}

#up_down{margin:0 auto;border:1px solid #cccccc;padding:5px 10px;margin-top:20px;}

#up_down a{line-height:20px;color:#333333;}

#up_down a:hover{ text-decoration:underline;}

#related_product,#related_honor{width:100%; margin-top: 20px;overflow: hidden;margin-bottom:40px;}

#related_product h2,#related_honor h2{font-size:14px; color:#333333;border:1px solid #cccccc;padding:5px 10px;}

#related_product ul{ overflow:hidden;}

#related_product ul li{ width:158px; height:181px; border:1px solid #e1e1e1; margin-left:13px; margin-top:20px; _margin-left:10px;}

#related_product ul li h3{ height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; font-weight:normal; background:url(pro_title_bg.jpg) center center no-repeat;}



#related_honor ul{ overflow:hidden;}

#related_honor li{ float:left;margin-left:13px;width:158px;height:136px;_margin-left:8px; border:2px solid #eeeeee; background-color:#f5f6f8; margin-top:15px;}

#related_honor li h3{ width:160px;line-height:30px;text-align:center;color:#7f7f7f;font-weight:normal;}





.related_product{margin-top:10px; overflow:hidden;}



.related_product h2{font-size:14px;margin:15px;text-align:left}



.related_product ul{overflow:hidden; padding-bottom:20px}



.related_product ul li{width:159px; height:181px; border:1px solid #e1e1e1; margin-left:13px; margin-top:20px; _margin-left:10px;}



.related_product ul li img{width:159px; height:152px; }



.related_product ul li h3{height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; font-weight:normal; background:url(pro_title_bg.jpg) center center no-repeat;}

.fontweight{font-weight:bold;}





.newx_text{ clear: both; padding-top: 20px;  }

.newx_text img{ float: left; margin-right: 10px; }

.newx_text p{ line-height: 26px; height: 150px;}

.newx_text p span{ font-size: 14px; font-weight: bold; }



#page {

    clear: both;

    margin: 20px;

    text-align: center;

    color: #9d9898;

}

.pagination {

    /*width: 254px;*/

    margin: 0 auto;

}

#page li {

    float: left;

}

#page a {

    color: #666666;



}



<!-- 新后台表格样式 -->

table{width: 100% !important;}

table td{border: 1px solid #ccc !important;line-height: 28px !important;text-align: center;}







.right-fixed.right-fixed{    --form-theme-color: #df282c;

    --li-hover-color: #df282c;}

    

    .lmwenzi{font-size: 16px;text-align: center;}



@-webkit-keyframes text-background-animation {

  0% {background-position: 20% 0}

  100% {background-position: -120% 0}

}

@keyframes text-background-animation {

  0% {background-position: 20% 0}

  100% {background-position: -120% 0}

}



.footerDiv {display: none;}





@media(max-width:1000px)

{

  .miaoshu{display:none;}

}





@media (min-width: 1024px) and (max-width: 1199px) {

    #logo{margin-top:0px;}

    #head_index{background:none;background: #f5f8fd;height:auto;}

    #top{width:100%;height:auto;display:none;}

    #head_middle{width:100%;height:auto;overflow:auto;}

    #head_middle p{display:none;}

    #tel_title{display:none;}

    #ali{display:none;}

    #nav{width:100%;}

    

    .swiper-containers .swiper-slide img{width:100%;}

    .swiper-pagination{display:none;}

    #plist_search_index{display:none;}

    



    #pro_recommend{width:100%;padding-left: 10px;padding-right: 10px;}

    .title_index{width:100%;text-align:center;font-size: 22px;}

    #inguntwo ul{height:auto;}

    

    #inguntwo li{width:25%;margin-left:0px;border:none;padding-left: 5px;padding-right: 5px;}

    #inguntwo li a{display:block;border: 1px solid #ccc;}

    #inguntwo li a img{width:100% !important;height:auto !important;}

    #inguntwo li h3{width:100%;background-size:cover;overflow:hidden;}

    

    #reason_index{display:none;}

    

    #news_index{width:100%;}

    #company_news{width:50%;}

    #knowledge{width:50%;}

    

    .newx_text{width:100%;padding-left: 15px;padding-right: 15px;}

    .newx_text img{width:22% !important;}

    .newx_text p{width:100%;}

    

    #cont_index{display:none;}

    #comp{width:100%;}

    

    #foot_nav{width:100%;}

    #foot{width:100%;}

    

    #float_left{display:none !important;}

    #company_news h2{font-size:20px;background-color:#e53235;background-image:none;}

    #knowledge h2{font-size:20px;background-color:#e53235;background-image:none;}

    

    .news_more {width: 124px;text-align: center;line-height: 30px;height: 30px;display: block;margin: 0 auto;float:none;padding:0px;margin-right:auto;}

    #knowledge .news_more{width: 124px;text-align: center;line-height: 30px;height: 30px;display: block;margin: 0 auto;float:none;padding:0px;margin-right:auto;}

    #company_news ul{margin-bottom:20px;padding-left: 10px;padding-right: 10px;}

    #knowledge ul{margin-bottom:20px;padding-left: 10px;padding-right: 10px;}

    

    #about_index{width:100%;padding-top: 0px;padding-left:15px;padding-right:15px;}

    

    #logo a img{ width: 92%; float: right;padding-right:10px;}

    #nav ul{background: #e63337;}

    .nav_block{width:18%;}

    

    .ny_pros_wrap #container{width:100% !important;}

    .ny_news_wrap #container{width:100% !important;}

    #left{display:none;}

    #middle{width:100%;float:none;margin-right:0px;}

    #container{width:100%;padding-left:10px;padding-right:10px;}

    #allnews>ul li{width:100%;}

    #foot_index{padding-left:10px;padding-right:10px;}

    #company_news ul li, #knowledge ul li{width:100%;}

    

    #location p{padding-top:0px;}

    #detail p img{width:100% !important;height:auto !important;margin-left:-2em;}

    #detail p a{text-indent: 0; font-size: 15px; color: #000;}

    #allpro>ul li{margin-top:0px;margin-left:0px;width:25%;border:none;padding-left:5px;padding-right:5px;margin-bottom:10px;}

    #allpro>ul li a{display:block;border: 1px solid #e1e1e1;}

    #allpro>ul li a img{width:100% !important;height:auto !important;}



}









@media (min-width: 768px) and (max-width: 1023px) {

    #logo{margin-top:0px;}

    #head_index{background:none;background: #f5f8fd;height:auto;}

    #top{width:100%;height:auto;display:none;}

    #head_middle{width:100%;height:auto;overflow:auto;}

    #head_middle p{display:none;}

    #tel_title{display:none;}

    #ali{display:none;}

    #nav{width:100%;}

    

    .swiper-containers .swiper-slide img{width:100%;}

    .swiper-pagination{display:none;}

    #plist_search_index{display:none;}

    

    #pro_recommend{width:100%;padding-left: 10px;padding-right: 10px;}

    .title_index{width:100%;text-align:center;font-size: 22px;}

    #inguntwo ul{height:auto;}

    .miaoshu{display:none;}

    

    #inguntwo li{width:33%;margin-left:0px;border:none;padding-left: 5px;padding-right: 5px;}

    #inguntwo li a{display:block;border: 1px solid #ccc;}

    #inguntwo li a img{width:100% !important;height:auto !important;}

    #inguntwo li h3{width:100%;background-size:cover;overflow:hidden;}

    

    #reason_index{display:none;}

    

    #news_index{width:100%;}

    #company_news{width:50%;}

    #knowledge{width:50%;}

    

    .newx_text{width:100%;padding-left: 15px;padding-right: 15px;}

    .newx_text img{width:22% !important;}

    .newx_text p{width:100%;}

    

    #cont_index{display:none;}

    #comp{width:100%;}

    

    #foot_nav{width:100%;}

    #foot{width:100%;}

    

    #float_left{display:none !important;}

    #company_news h2{font-size:20px;background-color:#e53235;background-image:none;}

    #knowledge h2{font-size:20px;background-color:#e53235;background-image:none;}

    

    .news_more {width: 124px;text-align: center;line-height: 30px;height: 30px;display: block;margin: 0 auto;float:none;padding:0px;margin-right:auto;}

    #knowledge .news_more{width: 124px;text-align: center;line-height: 30px;height: 30px;display: block;margin: 0 auto;float:none;padding:0px;margin-right:auto;}

    #company_news ul{margin-bottom:20px;padding-left: 10px;padding-right: 10px;}

    #knowledge ul{margin-bottom:20px;padding-left: 10px;padding-right: 10px;}

    

    #about_index{width:100%;padding-top: 0px;padding-left:15px;padding-right:15px;}

    

    #logo a img{ width: 92%; float: right;padding-right:10px;}

    #nav ul{background: #e63337;}

    .nav_block{width:18%;}

    

    .ny_pros_wrap #container{width:100% !important;}

    .ny_news_wrap #container{width:100% !important;}

    #left{display:none;}

    #middle{width:100%;float:none;margin-right:0px;}

    #container{width:100%;padding-left:10px;padding-right:10px;}

    #allnews>ul li{width:100%;}

    #foot_index{padding-left:10px;padding-right:10px;}

    #company_news ul li, #knowledge ul li{width:100%;}

    

    #location p{padding-top:0px;}

    #detail p img{width:100% !important;height:auto !important;margin-left:-2em;}

    

    #allpro>ul li{margin-top:0px;margin-left:0px;width:33%;border:none;padding-left:5px;padding-right:5px;margin-bottom:10px;}

    #allpro>ul li a{display:block;border: 1px solid #e1e1e1;}

    #allpro>ul li a img{width:100% !important;height:auto !important;}

    

}



@media (max-width: 767px) and (min-width: 424px){

    #logo{margin-top:0px;float:right;}

    #head_index{background:none;height: 80px;background: #f5f8fd;}

    #top{width:100%;height:auto;display:none;}

    #head_middle{width:100%;height:auto;overflow:auto;}

    #head_middle p{display:none;}

    #tel_title{display:none;}

    #ali{display:none;}

    #nav{width:100%;}

    

    #pro_pai ul li{ width:96%;}

    #pro_pai #proTit{float: right;width: 98%;} 

    #pro_pai ul li a img{width: 98%;border-right: none;}



    .swiper-containers .swiper-slide img{width:100%;}

    .swiper-pagination{display:none;}

    #plist_search_index{display:none;}

    

    #pro_recommend{width:100%;padding-left: 10px;padding-right: 10px;}

    .title_index{width:100%;text-align:center;font-size: 22px;}

    #inguntwo ul{height:auto;}

    

    #inguntwo li{width:50%;margin-left:0px;border:none;padding-left: 5px;padding-right: 5px;}

    #inguntwo li a{display:block;border: 1px solid #ccc;}

    #inguntwo li a img{width:100% !important;height:auto !important;}

    #inguntwo li h3{width:100%;background-size:cover;overflow:hidden;}

    

    #reason_index{display:none;}

    

    #news_index{width:100%;}

    #company_news{width:100%;}

    #knowledge{width:100%;}

    

    .newx_text{display:none;}

    .newx_text img{display:none;}

    .newx_text p{display:none;}

    

    #cont_index{display:none;}

    #comp{width:100%;}

    

    #foot_nav{width:100%;}

    #foot{width:100%;}

    

    #float_left{display:none !important;}

    #company_news h2{font-size:20px;background-color:#e53235;background-image:none;}

    #knowledge h2{font-size:20px;background-color:#e53235;background-image:none;margin-top: 26px;}

    

    .news_more {width: 124px;text-align: center;line-height: 30px;height: 30px;display: block;margin: 0 auto;float:none;padding:0px;margin-right:auto;}

    #knowledge .news_more{width: 124px;text-align: center;line-height: 30px;height: 30px;display: block;margin: 0 auto;float:none;padding:0px;margin-right:auto;}

    #company_news ul{margin-bottom:20px;padding-left: 10px;padding-right: 10px;}

    #knowledge ul{margin-bottom:20px;padding-left: 10px;padding-right: 10px;}

    

    #about_index{width:100%;padding-top: 0px;padding-left:15px;padding-right:15px;}

    

    #logo a img{ width: 76%; float: right;padding-right:10px;}

    #nav ul{background: #e63337;display:none;}

    .nav_block{width:33%;}

    

    .ny_pros_wrap #container{width:100% !important;}

    .ny_news_wrap #container{width:100% !important;}

    #left{display:none;}

    #middle{width:100%;float:none;margin-right:0px;}

    #container{width:100%;padding-left:10px;padding-right:10px;}

    #allnews>ul li{width:100%;}

    #foot_index{padding-left:10px;padding-right:10px;}

    #company_news ul li, #knowledge ul li{width:100%;}

    

    #location p{padding-top:0px;}

    #detail p img{width:100% !important;height:auto !important;margin-left:-2em;}

    

    #allpro>ul li{margin-top:0px;margin-left:0px;width:50%;border:none;padding-left:5px;padding-right:5px;margin-bottom:10px;}

    #allpro>ul li a{display:block;border: 1px solid #e1e1e1;}

    #allpro>ul li a img{width:100% !important;height:auto !important;}

    

    .imgcenter img{width:100%;}

    

    

    .footerDiv {display: block;background: #df282a;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}

    .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}

    .footerWrap li a {color: #fff;font-size: 15px;display: block;}

    .footerWrap li i {display: block;}

    .footer_bottom{margin-bottom: 60px;}

}



@media (max-width: 425px){

    #logo{margin-top:0px;}

    #head_index{background:none;height: 74px;background: #f5f8fd;}

    #top{width:100%;height:auto;display:none;}

    #head_middle{width:100%;height:auto;overflow:auto;}

    #head_middle p{display:none;}

    #tel_title{display:none;}

    #ali{display:none;}

    #nav{width:100%;}

    

    #pro_pai ul li{ width:94%;}

    #pro_pai #proTit{float: right;width: 98%;} 

    #pro_pai ul li a img{width: 98%;border-right: none;}

    

    .swiper-containers .swiper-slide img{width:100%;}

    .swiper-pagination{display:none;}

    #plist_search_index{display:none;}

    

    #pro_recommend{width:100%;padding-left: 10px;padding-right: 10px;}

    .title_index{width:100%;text-align:center;font-size: 22px;}

    #inguntwo ul{height:auto;}

    

    #inguntwo li{width:50%;margin-left:0px;border:none;padding-left: 5px;padding-right: 5px;}

    #inguntwo li a{display:block;border: 1px solid #ccc;}

    #inguntwo li a img{width:100% !important;height:auto !important;}

    #inguntwo li h3{width:100%;background-size:cover;overflow:hidden;}

    

    #reason_index{display:none;}

    

    #news_index{width:100%;}

    #company_news{width:100%;}

    #knowledge{width:100%;}

    

    .newx_text{width:100%;padding-left: 15px;padding-right: 15px;}

    .newx_text img{width:100% !important;}

    .newx_text p{width:100%;}

    

    #cont_index{display:none;}

    #comp{width:100%;}

    

    #foot_nav{width:100%;}

    #foot{width:100%;}

    

    #float_left{display:none !important;}

    #company_news h2{font-size:20px;background-color:#e53235;background-image:none;}

    #knowledge h2{font-size:20px;background-color:#e53235;background-image:none;margin-top: 26px;}

    

    .news_more {width: 124px;text-align: center;line-height: 30px;height: 30px;display: block;margin: 0 auto;float:none;padding:0px;margin-right:auto;}

    #knowledge .news_more{width: 124px;text-align: center;line-height: 30px;height: 30px;display: block;margin: 0 auto;float:none;padding:0px;margin-right:auto;}

    #company_news ul{margin-bottom:20px;padding-left: 10px;padding-right: 10px;}

    #knowledge ul{margin-bottom:20px;padding-left: 10px;padding-right: 10px;}

    

    #about_index{width:100%;padding-top: 0px;padding-left:15px;padding-right:15px;}

    

    #logo a img{ width: 76%; float: right;padding-right:10px;}

    #nav ul{background: #e63337;display:none;}

    .nav_block{width:33%;}

    

    .ny_pros_wrap #container{width:100% !important;}

    .ny_news_wrap #container{width:100% !important;}

    #left{display:none;}

    #middle{width:100%;float:none;margin-right:0px;}

    #container{width:100%;padding-left:10px;padding-right:10px;}

    #allnews>ul li{width:100%;}

    #foot_index{padding-left:10px;padding-right:10px;}

    #company_news ul li, #knowledge ul li{width:100%;}

    

    #location p{padding-top:0px;}

    #detail p img{width:100% !important;height:auto !important;margin-left:-2em;}

    

    #allpro>ul li{margin-top:0px;margin-left:0px;width:50%;border:none;padding-left:5px;padding-right:5px;margin-bottom:10px;}

    #allpro>ul li a{display:block;border: 1px solid #e1e1e1;}

    #allpro>ul li a img{width:100% !important;height:auto !important;}

    

    .imgcenter img{width:100%;}

    

    .footerDiv {display: block;background: #df282a;position: fixed;display: block;bottom: 0px;width: 100%;z-index: 9999999;}

    .footerWrap li {text-align: center;margin-top: 6px;width: 25%;float: left;}

    .footerWrap li a {color: #fff;font-size: 15px;display: block;}

    .footerWrap li i {display: block;}

    .footer_bottom{margin-bottom: 60px;}

    

}







.fixed_box_y{

    position: fixed;

    bottom: 40%;

    left: 0;

    background: #fff;

    z-index: 9999;

    padding: 10px;

    text-align: center;

    box-shadow: 5px 5px 5px #ccc;

}



@media (max-width: 992px) {  

#head_index{ display:none;}

.none992{ height:60px;}

}